$.fn.extend({
    slide: function (options) {
        /**
         * 文字背景颜色
         * @type {bgcolor|*}
         * @private
         */
        _bgcolor = options.bgcolor?options.bgcolor:'#333'
        /**
         * div文字透明度
         * @type {bg_opacity|*|number}
         */
        options.bgopacity=options.bgopacity||0.9;
        /**
         * 文字颜色
         * @type {string|*}
         */
        options.textColor=options.textColor||'#ddd';
        /**
         * 轮换的时间
         * @type {timeout|*|_default.timeout|Number|number}
         */
        options.timeout=options.timeout||3;
        /**
         * 所有a标签
         * @type {*|jQuery}
         */
        options.alink = $(this).find("a");
        /**
         * 图片数量
         * @type {Number}
         */
        options.num = options.alink.length;
        /**
         * 设置div高度，宽度 定位
         */
        $(this).css({width: options.width, height: options.height, overflow: "hidden", position: "relative"});
        /**
         * 隐藏所有链接文字
         */
        options.alink.hide();
        /**
         * 第一个链接文字显示
         */
        options.alink.eq(0).show();

        /**
         * 文字背景div
         * @type {string}
         */
        var slideText = "<div id='_slideText' style='height: 30px;background:"+_bgcolor+";color:#fff;position: absolute;left: 0px;right: 0px;bottom: 0px;'></div>";
        $(this).append(slideText);
        /**
         * 背景透明度
         */
        $("#_slideText").css({opacity: options.bgopacity});
        /**
         * 数字
         * @type {string}
         */
        var slideNum = "<div id='_slideNum' style='position: absolute;height: 18px;bottom: 6px;right: 0px;'>";
        for (var i = 1; i <= options.num; i++) {
            slideNum += "<li style='float: left;opacity:0.8;border-radius:50%;cursor:pointer;color:#333;width: 18px;height: 18px;background: #fff;margin-right: 6px;text-align: center;line-height: 1.5em;'>" + i + "</li>"
        }
        slideNum += "</div>";
        $(this).append(slideNum);
        /**
         * 执行动画
         * @type {number}
         */
        var startIndex = 0;
        setInterval(_run, options.timeout * 1000);
        _run(0);
        function _run(i) {
            startIndex = i != undefined ? i : startIndex;
            //当前a标签
            var _cur = options.alink.eq(startIndex);
            _cur.show();
            /**
             * 隐藏其他a标签
             */
            options.alink.not(_cur).hide();
            /**
             * 改变文字
             */
            var _text = options.alink.eq(startIndex).attr("title");
            var _url=options.alink.eq(startIndex).attr("href");
            var _link="<a style='text-decoration:none;color:"+options.textColor+";' href='"+_url+"'>"+_text+"</a>";
            $("#_slideText").html("<div style='font-size:12px;line-height: 30px;text-indent: 10px;'>" + _link + "</div>");
            /**
             * 改变数字div
             */
            $("#_slideNum li").css({background: "#fff", color: "#333",'list-style':'none','font-size':'12px'});
            $("#_slideNum li").eq(startIndex).css({background: "#FF7F00", color: "#fff"})
            startIndex = startIndex+1 >= options.num ? 0 : startIndex + 1;
        }
        //为数字加事件
        $("#_slideNum li").mouseover(function () {
            var i = $(this).index();
            _run(i);
        })
    }
})